<template>
  <div>
    <h4>page页面</h4>
    <p>{{ $store.state.num }} - page</p>

    <p>好处就是不用再加前面那一堆东西了- {{ num }}</p>
    <p>{{ count }} - {{ ad }}</p>

    <hr />

    <But />
  </div>
</template>

<script>
import But from '../components/Button.vue'
// 先找的vuex,再解构的，这样有提示
import { mapState } from 'vuex'

export default {
  // 在计算属性中使用mapState的方法获取state中的数据使用
  computed: {
    ...mapState(['num', 'count', 'ad']),
    getCount() {
      return 0
    }
  },
  components: {
    But
  }
}
</script>

<style lang="less" scoped></style>
